<template>
  <!--
      作者 luoyiming
      时间：2020-06-09
      描述：会员-积分管理
  -->
  <div class="common-seach-wrap">
    <el-tabs v-model="activeName">
      <el-tab-pane name="list">
        <template #label>
          <span>商品列表</span>
        </template>
      </el-tab-pane>
      <!-- <el-tab-pane name="log">
        <template #label>
          <span>购买记录</span>
        </template>
      </el-tab-pane> -->
    </el-tabs>

    <!--积分设置-->
    <List v-show="activeName == 'list'" :grade-id="grade_id"></List>
    <!--积分明细-->
    <Log v-show="activeName == 'log'" :grade-id="grade_id"></Log>
  </div>
</template>
<script>
import List from "./part/productList.vue";
import Log from "./part/productLog.vue";
export default {
  components: {
    List,
    Log,
  },
  data() {
    return {
      activeName: "list",
      grade_id: 0,
    };
  },
  created() {
    this.grade_id = this.$route.query.grade_id;
  },
  methods: {},
};
</script>

<style></style>
